<template>
    <div class="content">
        <el-form :model="userData" label-width="500px">
            <el-form-item label="姓名:" label-width="140px">
                <div>{{ userData.name }}</div>
            </el-form-item>

            <el-form-item label="性别:" label-width="140px">
                <div>{{ userData.sex }}</div>
            </el-form-item>

            <el-form-item label="账号:" label-width="140px">
                <div>{{ userData.username }}</div>
            </el-form-item>

            <el-form-item label="手机号:" label-width="140px">
                <div>{{ userData.phone }}</div>
            </el-form-item>
        </el-form>
    </div>

</template>

<script>

export default {
    name: 'CoordinateAdmin',
    setup(){
        console.log(sessionStorage.getItem('username'))
        if(sessionStorage.getItem('username') != null){
           const userData = JSON.parse(sessionStorage.getItem('username'));
            return { userData };
        };
        let personal = {};
        // getPersonalInfo({
        //     id: 1,
        //     page: 1,
        //     pageSize: 10
        // }).then(resolve => {
        //     personal = resolve;
        // })

        return {
            personal
        }
    },
    computed: {
        personalInfo(){
            return 
        }
    }


}
</script >
    
<style lang="scss">
    .content{
        width: 100%;
        padding-bottom: 15px;
        padding-top: 15px;
        background-color: #ffffff;
    }

</style>